view,
scroll-view,
swiper,
swiper-item,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox,
form,
input,
label,
radio,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
page{
	font-size: $font-base;
	color: #333;
	font-family: Microsoft YaHei UI,Helvetica Neue, Helvetica, sans-serif;
}
.placeholder {
	color: #999;
}
/* 骨架屏替代方案 */
.rf-skeleton {
  background: $color-white;
  padding: 20rpx 0;
  border-radius: 8rpx;
  box-shadow: 0rpx 5rpx 25rpx rgba(0, 0, 0, 0.05);
}
/*边框*/
.b-b:after,
.b-t:after {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 0;
  content: '';
  transform: scaleY(.5);
  border-bottom: 1px solid $border-color-base;
}
.b-b:after {
  bottom: 0;
}
.b-t:after {
  top: 0;
}
.margin-top-xxs{
	margin-top: 6rpx;
}
.padding-tb-xxs{
	padding-top: 6rpx;
	padding-bottom: 6rpx;
}
.padding-top-xxs{
	padding-top: 6rpx;
}
.m-top-xxl{
	margin-top: 10rpx;
}
.m-top-xl{
	margin-top: 20rpx;
}
.text-normal{
	font-weight: normal;
}
.m-top{
	margin-top: 30rpx;
}
.ful_width{
	width: 100%;
}
.break-all{
	word-break:break-all;
}
.nhide{
	opacity: 0;
}

.m-top-lg{
	margin-top: 40rpx;
}
.p-ud-xxs{
	padding: 10rpx 0;
}
.p-ud-xs{
	padding: 20rpx 0;
}
.p-ud{
	padding: 30rpx 0;
}
.p-ud-lg{
	padding: 40rpx 0;
}
.p-lr-xxs{
	padding: 0 10rpx;
}
.p-lr-xs{
	padding: 0 20rpx;
}
.p-lr{
	padding: 0 30rpx;
}
.p-lr-lg{
	padding: 0 40rpx;
}

.text-cuts {
	white-space: nowrap;
	overflow: hidden;
}
.w_z{
	width: 0;
}
.text-end{
	text-align: end;
}
.text-xll{
	font-size: 40rpx;
}
.text-acenter{
	vertical-align: middle;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	box-sizing: border-box;
}
.text-ff{
	color: #fff;
}
.text-nred{
	color: #ff6d6d;
}
.text-white{
	color: #fff;
}
.text-c0{
	color: #000;
}
.text-c6{
	color: #666;
}
.text-c3{
	color: #333;
}
.text-c9{
	color: #999;
}
.text-c9s{
	color: #888;
}
.text-ngold{
	color: #F7D06E;
}
.text-nbrown {
	color: #9c7200;
}
.text-norange {
	color: #ff9700;
}
.text-ngray {
	color: #b9b7b7;
}
.text-ngreen{
	color: #4CA27B!important;
}
.text-nblue{
	color: #0B2145;
}
.p_rlt{
	position: relative;
}
.mimg{
	width: 100%;
	display: block;
}
.d_ib{
	display: inline-block;
	vertical-align: middle;
}
.bg-ngreen{
	background: $view-act;
}
.fullw{
	width: 100%;
}
.fullh{
	height: 100%;
}
.pageFullWhite{
	width: 100vw;
	min-height: 100vh;
	background: #fff;
}
.mswitch{
	transform: scale(0.8);
}

.pageFullBtn{
	padding: 0 10rpx;
	&.fixed{
		width: calc(100vw - 50rpx);
		position: absolute;
		left: 25rpx;
		bottom: 40rpx;
	}
	
}
.guide_box{
	background: rgba(255, 183, 74, 0.2);
	height: 60rpx;
}
.guide_ico{
	color: #FFB74A;
}
.comModal{
	min-height: 600rpx;
	&.padb{
		padding: 0 40rpx;
	}
	&.pada{
		padding: 43rpx 40rpx 0 40rpx;
	}
}
.com_pro{
	width: 100%;
	height: 90rpx;
	border-radius: 16rpx;
	margin-bottom: 24rpx;
	background-color: #fff;
	box-shadow: 0px 6rpx 25rpx rgba(105, 105, 105, 0.07);
	&.bnone{
		border-radius: none;
	}
}
.nscroll-x{
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	white-space: nowrap;
}
.b_submit_btn{
	
	width: 100%;
	// height: 100rpx;
	padding: 48rpx 0;
	&.fixed{
		position: fixed;
		left: 0;
		bottom: 80rpx;
		padding: 0 48rpx;
		z-index: 9;
	}
}
.lh_xs{
	line-height: 1.2em;
}
.lh_sm{
	line-height: 1.4em;
}
.lh_lg{
	line-height: 2em;
}
.lh_z{
	line-height: 1;
}
.point{
	cursor: pointer;
}
.text-cc{
	color: #ccc;
}
.padding-left-xxs{
	padding-left: 6rpx;
}
.padding-right-xxs{
	padding-right: 6rpx;
}
.margin-left-xxs{
	margin-left: 6rpx;
}
.margin-right-xxs{
	margin-right: 6rpx;
}
// .full_btn {
// 	width: 100%;
// 	text-align: center;
// 	min-height: 100rpx;
// 	color: #fff;
// 	&.ab{
// 		position: absolute;
// 		left: 0;
// 		bottom: 0;
// 	}
// 	&.fixed {
// 		position: fixed;
// 		left: 0;
// 		bottom: 0;
// 		padding-bottom: 40rpx;
// 		background: #fff;
// 		z-index: 6;
// 		min-height: 100rpx;
// 		box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.08);
// 		&.nzindex{
// 			z-index: 1616;
// 		}
// 		&.nbg{
// 			background: none;
// 			box-shadow: none;
// 		}
// 		.mbtn{
// 			box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);
// 		}
		
// 	}
	
// 	.mbtn{
// 		width: calc(100% - 80rpx);
// 		margin-left: 40rpx;
// 		height: 90rpx;
// 		line-height: 91rpx;
// 		background-color: $base-color;
// 		border-radius: 20rpx;//90rpx
// 		font-size: 32rpx;
// 		color: #fff;
// 		&.full{
// 			width: 100%;
// 			margin-left: 0;
// 		}
// 		&.radius{
// 			border-radius: 90rpx;
// 		}
// 		&.nbg{
// 			box-shadow: none;
// 			background: none;
// 		}
// 		&.gry {
// 			background-color: #d0cfcf;
// 			box-shadow: none;
// 		}
// 		&.space{
// 			background: none;
// 			border: 1px solid  $base-color;
// 			color:  $base-color;
// 			box-shadow:none!important;
// 		}
// 	}
	
// }
.com_full_btn{
	width: 100%;
	font-size: 32rpx;
	color: #fff;
	text-align: center;
	height: 90rpx;
	line-height: 91rpx;
	background: $view-act;
	box-shadow: 0px 10px 40px rgba(76, 162, 123, 0.26);
	border-radius: 16rpx;
	cursor: pointer;
	&.space{
		background: none;
		color: $text-act;
		border: 1px solid $text-act;
		box-shadow: none;
	}
	&.gray{
		background: #D8D8D8;
	}
}
.cat_empt{
	background: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
}
.halfBtn{
	width: 316rpx;
	font-size: 32rpx;
	text-align: center;
	height: 100rpx;
	line-height: 101rpx;
	box-shadow: 0px 10px 40px rgba(76, 162, 123, 0.26);
	border-radius: 16rpx;
	cursor: pointer;
	background: #fff;
	color: $text-act;
	border: 1px solid $text-act;
	&.bg{
		color: #fff;
		background: $view-act;
	}
}
.text-c8{
	color: #8D95A1;
}
.check_list_dat {
	position: absolute;
	background-color: #fff;
	width: 110%;
	left: 0;
	top: 40rpx;
	z-index: 66;
	text-align: center;
	color: #333;
	border-radius: 8rpx;
	transition: all 0.2s ease-out;
	opacity: 0;
	transform: scale(0);
	transform-origin: top right;
	box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.08);
	.clitem {
		width: 100%;
		height: 80rpx;
		line-height: 81rpx;
		&.act {
			color: #56bf7a;
		}
	}
	&.show {
		opacity: 1;
		transform: scale(1);
	}
	
	&.flor{
		min-height: 240rpx;
		max-height: 400rpx;
		width: 200rpx;
		top: 70rpx;
		transform-origin: top left;
	
	}
	&.florsm{
		min-height: 80rpx;
		max-height: 400rpx;
		width: 280rpx;
		top: 70rpx;
		transform-origin: top left;
	}
}
// .twItem,.cthrItem{
// 	display: inline-block;
// 	height: 64rpx;
// 	line-height: 65rpx;
// 	background: #FFFFFF;
// 	border: 1px solid #F3F3FF;
// 	box-sizing: border-box;
// 	border-radius: 8rpx;
// 	color: #8D95A2;
// 	text-align: center;
// 	&.mdh{
// 		position: relative;
// 		height: 90rpx;
// 		line-height: 91rpx;
// 	}
// 	&.act{
// 		color: #fff;
// 		background: $view-act;
// 		box-shadow: 0 6rpx 12rpx rgba(76, 162, 123, 0.2);
// 	}
// }
// .twItem{
// 	width: 300rpx;
// 	margin-right: 36rpx;
// 	margin-bottom: 20rpx;
// 	padding: 0 6rpx;
// 	&:nth-child(2n){
// 		margin-right: 0;
// 	}
// }
// .cthrItem{
// 	width: 196rpx;
// 	margin-right: 24rpx;
// 	&:nth-child(3n){
// 		margin-right: 0;
// 	}
// }
.sticky_t{
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 3;
}
.tog_admin {
	background: #fff;
	height: 84rpx;
	line-height: 85rpx;
	padding: 0 32rpx;
	font-size: 28rpx;//36
	.navItem{
		display: inline-block;
		position: relative;
		width: 170rpx;
		cursor: pointer;
		transition: all 0.06s ease-out;
		&.act{
			color: #333;
			font-size: 36rpx;
			font-weight: bold;
			&::after{
				width: 90rpx;
				height: 6rpx;
				content: '';
				position: absolute;
				border-radius: 2rpx;
				left: 50%;
				bottom: 10rpx;
				background: $text-act;
				margin-left: -42rpx;
			}
		}
		&.les{
			&.act{
				&::after{
					width: 40rpx;
					margin-left: -19rpx;
				}
				
			}
		}
		&.lesbot{
			&.act{
				&::after{
					width: 40rpx;
					margin-left: -19rpx;
					bottom: 0;
				}
				
			}
		}
	}
}
switch.ngreen[checked] .wx-switch-input,
checkbox.ngreen[checked] .wx-checkbox-input,
radio.ngreen[checked] .wx-radio-input,
switch.ngreen.checked .uni-switch-input,
checkbox.ngreen.checked .uni-checkbox-input,
radio.ngreen.checked .uni-radio-input {
	background-color: $base-color;
	border-color: $base-color;
	color: #ffffff !important;
}
switch.ngray[checked] .wx-switch-input,
checkbox.ngray[checked] .wx-checkbox-input,
radio.ngray[checked] .wx-radio-input,
switch.ngray.checked .uni-switch-input,
checkbox.ngray.checked .uni-checkbox-input,
radio.ngray.checked .uni-radio-input {
	background-color: #D8D8D8 !important;
	border-color: #D8D8D8 !important;
	color: #ffffff !important;
}
.classGradName{
	animation-fill-mode: both;
	animation-duration: 1s;
	&::before{
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		border-radius: 50%;
		animation: twinkling 1.5s infinite ease-in-out;
	}
	&.g_bl{
		&::before{
			background-color: rgba($color: #09ACFE, $alpha: 0.8);
		}
	}
	&.act{
		&::before{
			background-color: rgba($color: #F9650C, $alpha: 0.8);
		}
	}
}
@keyframes twinkling{
    0%{
		opacity: 1;
		transform: scale(0.5);
    }
    100%{
		opacity: 0;
		transform: scale(1.6);
    }
}
.container{
	min-height: 100vh;
}
.comBotBx{
	min-height: 600rpx;
	background: #fff;
	border-radius: 20rpx 20rpx 0 0;
}
.touch {
	-webkit-overflow-scrolling: touch;
}

.touch:after {
	min-height: calc(100% + 1px);
}
.button{
	&::after{
		content: none;
	}
}

.huxi{
	animation-fill-mode: both;
	animation-duration: 1s;
	position: relative;
	animation: twinkling 1.8s infinite ease-in-out;
}

@keyframes twinkling {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.5;
		transform: scale(1.2);
	}
	100% {
		opacity: 9;
		transform: scale(1);
	}
}


.fullbox{
	width: 100%;
	height: 100%;
}
.full_submit_btn {
	width: 100%;
	height: 100rpx;
	text-align: center;
	line-height: 101rpx;
	color: #fff;
	background: #56bf7a;
	border-radius: 100rpx;
	&.okgray {
		background: #d0cfcf;
	}
	&.nbg {
		background: none;
		color: #56bf7a;
		border: 1px solid #56bf7a;
	}
	&.xs{
		width: 360rpx;
		height: 80rpx;
		line-height: 81rpx;
	}
	// position: absolute;
	// left: 40rpx;
	// bottom: 40rpx;
}
.comBotSection {
	width: 100vw;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	height: 160rpx;
	// padding: 0 24rpx 0 28rpx;
	background: #ffffff;
	box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.08);
	&.bgf {
		background: #fafafa;
	}
}
.full_btn {
	padding: 0 48rpx;
	width: 100%;
	height: 100rpx;
	line-height: 101rpx;
	text-align: center;
	color: #fff;
	background-color: #56bf7a;
	border-radius: 100rpx;
	font-size: 32rpx;
	&.gry {
		background-color: #d0cfcf;
	}
	&.ban {
		opacity: 0.68;
	}
	&.blc {
		background: #404040;
	}
	// &.bgf {
	// 	background: #fafafa;
	// 	color: #56bf7a;
	// 	border: 1px solid #56bf7a;
	// }
	&.fixed {
		position: absolute;
		width: calc(100% - 96rpx);
		left: 48rpx;
		bottom: 60rpx;
		z-index: 6;
	}
	&.nfixed {
		position: fixed;
		width: calc(100% - 96rpx);
		left: 48rpx;
		bottom: 60rpx;
		z-index: 6;
	}
}